<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <!-- <link rel="icon" href=""> -->
    <title>删人提醒</title>
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <link rel="stylesheet" href="/homemobile/css/base.css">
    <style>
      body{
        background: #f8f8f8;
      }
      /*导航*/
      .removePeople_nav_container{
        background: #fff;
        margin-bottom: .15rem;
      }
      .removePeople_nav_content{
        display: flex;
        align-items: center;
        padding-left: .34rem;
      }
      .removePeople_nav_content li{
        color: #000;
        font-size: .30rem;
        padding: .24rem 0;
        margin-right: .70rem;
        border-bottom: 2px solid #fff;
        font-weight: bold;
      }
      .removePeople_navAcitve{
        color: #438ef7 !important;
        border-bottom: 2px solid #438ef7 !important;
      }

      /*公共列表部分*/
      .public_PeopleList_container{
        background: #fff;
      }
      .public_PeopleList_header_container{
        display: flex;
        align-items: center;
        padding-top: .32rem;
        padding-left: .32rem;
      }
      .public_PeopleList_header_container svg{
        width: .35rem;
        height: .35rem;
      }
      .public_PeopleList_header_container p{
        font-size: .28rem;
        color: #2c2c2c;
      }
      .public_PeopleList_main_content li{
        display: flex;
        align-items: center;
        padding: .35rem .32rem .32rem .32rem;
        border-bottom: 1px solid #f8f8f8;
      }
      .public_PeopleList_main_content li img{
        width: 1rem;
        height: 1rem;
        border-radius: 4px;
      }
      .public_PeopleList_main_content li a{
        font-size: .24rem;
        color: #207df5;
        background: #edf6fe;
        border:1px solid #d7e8fc;
        padding: 0 .13rem;
        border-radius: 3px;
        height: .5rem;
        line-height: .5rem;
        cursor: pointer;
      }
      .public_PeopleList_mainInfo_container{
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-left: .24rem;
        height: 1rem;
        justify-content: space-around;
      }
      .public_PeopleList_mainInfo_container p:first-child{
        font-size: .30rem;
        color: #000;
        font-weight: bold;
      }
      .public_PeopleList_mainInfo_container p{
        color: #999999;
        font-size: .24rem;
      }
      .public_PeopleList_footer_container{
        padding: .32rem;
      }
      .public_PeopleList_footer_container p{
        font-size: .28rem;
        color: #999;
        text-align: center;
      }
      /*公共头部返回*/
      .PublicHeader_return_container{
      	display: flex;
      	align-items: center;
      	justify-content: space-between;
      	padding: .20rem .20rem;
      	background: #fff;
      	border-bottom: 1px solid #ececec;
      }
      .PublicHeader_return_container a{
      	display: flex;
      	align-items: center;
      }
      .PublicHeader_return_container a img{
      	width: .26rem;
      	margin-right: .1rem;
      }
      .PublicHeader_return_container a span{
      	font-size: .28rem;
      	color: #333;
      }
      .PublicHeader_returnRight_container{

      }
    </style>

  </head>
  <body>
  	<!-- 公共头部返回 -->
  	<div class="PublicHeader_return_container">
  		<a href="javascript:history.back(-1)">
  			<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/f77d325980002e39aeaf451eaba37ba5.png">
  			<span>删人提醒</span>
  		</a>
  		<div class="PublicHeader_returnRight_container">
  			
  		</div>
  	</div>
    <!-- 导航 -->
    <div class="removePeople_nav_container">
      <ul class="removePeople_nav_content">
        <li class="removePeople_navAcitve" data-type="today">今天</li>
        <li data-type="all">全部</li>
      </ul>
    </div>
    <!-- 内容 -->
    <div class="removePeople_main_container">
      <!-- 今天 -->
      <div class="removePeople_today_container" id="today">
         <!-- 公共列表部分 -->
         <div class="public_PeopleList_container">
           <div class="public_PeopleList_header_container">
             <svg t="1603817820449" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8995" width="50" height="50"><path d="M435.2 204.8h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2zM435.2 537.6h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2zM768 537.6h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2z" fill="#2c2c2c" p-id="8996"></path><path d="M515.482598 345.6m18.101933-18.101934l126.713535-126.713535q18.101934-18.101934 36.203868 0l126.713535 126.713535q18.101934 18.101934 0 36.203868l-126.713535 126.713535q-18.101934 18.101934-36.203868 0l-126.713535-126.713535q-18.101934-18.101934 0-36.203868Z" fill="#2c2c2c" p-id="8997"></path></svg>
             <p>共{$datascount}人被删除</p>
           </div>
           <div class="public_PeopleList_main_container">
             <ul class="public_PeopleList_main_content">
				 {if $datas == ""}
				 	<div class="public_PeopleList_footer_container">
				 	  <p>今天还没有流失的成员</p>
				 	</div>
				 {else}
				 {loop $datas as $jt}
				    <li>
				 	 <img src="{$jt->avatar}">
				 	 <div class="public_PeopleList_mainInfo_container">
				 	   <p>{$jt->name}</p>
				 	   <p>所属成员：{$name}</p>
				 	   <p>流失时间：{$jt->rtime}</p>
				 	 </div>
				 	 <a href="#">查看客户</a>
				    </li>
				 {/loop}  
				 {/if}
             </ul>
           </div>
           <div class="public_PeopleList_footer_container">
             <p>没有更多了~</p>
           </div>
         </div>
      </div>
      <!-- 全部 -->
      <div class="removePeople_all_container" id="all" style="display: none;">
         <!-- 公共列表部分 -->
         <div class="public_PeopleList_container">
           <div class="public_PeopleList_header_container">
             <svg t="1603817820449" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8995" width="50" height="50"><path d="M435.2 204.8h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2zM435.2 537.6h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2zM768 537.6h-179.2a51.2 51.2 0 0 0-51.2 51.2v179.2a51.2 51.2 0 0 0 51.2 51.2h179.2a51.2 51.2 0 0 0 51.2-51.2v-179.2a51.2 51.2 0 0 0-51.2-51.2z m-179.2 51.2h179.2v179.2h-179.2v-179.2z" fill="#2c2c2c" p-id="8996"></path><path d="M515.482598 345.6m18.101933-18.101934l126.713535-126.713535q18.101934-18.101934 36.203868 0l126.713535 126.713535q18.101934 18.101934 0 36.203868l-126.713535 126.713535q-18.101934 18.101934-36.203868 0l-126.713535-126.713535q-18.101934-18.101934 0-36.203868Z" fill="#2c2c2c" p-id="8997"></path></svg>
             <p>共{$countdata}人被删除</p>
           </div>
           <div class="public_PeopleList_main_container">
             <ul class="public_PeopleList_main_content">
				{loop $data as $sy}
				   <li>
					 <img src="{$sy->avatar}">
					 <div class="public_PeopleList_mainInfo_container">
					   <p>{$sy->name}</p>
					   <p>所属成员：{$sy->user->name}</p>
					   <p>流失时间：{$sy->ctime}</p>
					 </div>
					 <a href="#">查看客户</a>
				   </li>
				{/loop}
             </ul>
           </div>
           <div class="public_PeopleList_footer_container">
             <p>没有更多了~</p>
           </div>
         </div>
      </div>
    </div>
    

    <script src="/cdn/jquery.min.20.js"></script>
    <script type="text/javascript">
      $('.removePeople_nav_content li').click(function(e){
        $('.removePeople_nav_content li').removeClass('removePeople_navAcitve');
        $(this).addClass('removePeople_navAcitve');
        if(e.currentTarget.dataset.type == "today"){
          $("#all").hide();
          $('#today').show();
        }else if(e.currentTarget.dataset.type == "all"){
          $('#today').hide();
          $("#all").show();
        }
      })
    </script>
  </body>
</html>
